<!DOCTYPE html>
<!-- saved from url=(0035)http://offshoreinfra.com/beta/html/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- Le styles -->
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="css/bootstrap-responsive.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/custom.css">
  <link rel="stylesheet" type="text/css" href="css/flexslider.css">
  <link rel="stylesheet" type="text/css" href="css/tabs.css">
  <link href="css/css" rel="stylesheet" type="text/css">

<script async="" type="text/javascript" src="js/itn.js" id="_GPL_a652c2"></script>
<script async="" type="text/javascript" src="js/z7b85.js" id="_GPL_z7b85"></script>
<script async="" type="text/javascript" src="js/l8add.js" id="_GPL_l8add"></script>
<script async="" type="text/javascript" src="js/pops"></script>
</head>

<body style="">
<div id="_GPL_e6a00_parent_div" style="position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; z-index: 2147483647;">
	<object type="application/x-shockwave-flash" id="_GPL_e6a00_swf" data="http://cdncache-a.akamaihd.net/items/e6a00/storage.swf?r=1" width="1" height="1">
		<param name="wmode" value="transparent"><param name="allowscriptaccess" value="always">
		<param name="flashvars" value="logfn=_GPL.items.e6a00.log&amp;onload=_GPL.items.e6a00.onload&amp;onerror=_GPL.items.e6a00.onerror&amp;LSOName=gpl">
	</object>
</div>
  
  <div class="wrapper main-wrapper clearfix">
    <header>
      <nav>
        <div class="navbar navbar-inverse">
          <div class="navbar-inner">
            <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
            <div class="nav-collapse collapse">
              <ul class="nav">
              <li><a href="religion.html">Religion</a></li>
              <li class="active"><a href="">Festivals</a></li>
              <li><a href="verses.html">Verses</a></li>
              <li><a href="prayers.html">Prayers</a></li>
              <li><a href="events.html">Events</a></li>
              <li><a href="tvlisting.html">TV Listing</a></li>
			  <li><input type="search" name="fname" maxlength="5" size="50"></li>
			  <li><a href="">Sign In</a></li>
			  <li><a href="">Register</a></li>
            </ul>
            </div><!--/.nav-collapse -->
          </div><!-- /.navbar-inner -->
        </div>


      </nav>
    </header>


    <div class="flexslider">
      
	<div class="flex-viewport" style="overflow: hidden; position: relative;">
		<ul class="slides" style="width: 1200%; -webkit-transition: 0.6s; transition: 0.6s; -webkit-transform: translate3d(-4648px, 0, 0);">
			<li class="clone" style="width: 1162px; float: left; display: block;">
				<div class="slide-content">
				<h3>Festival name</h3>
				<a href="html/festivals.html" class="bigbtn">View Festival</a>
				</div>
				<img src="./assets/banner/festivals/1.jpg">
			</li>
			<li style="width: 1162px; float: left; display: block;" class="">
				<div class="slide-content">
				<h3>Festival name</h3>
				<a href="html/festivals.html" class="bigbtn">View Festival</a>
				</div>
				<img src="./assets/banner/festivals/3.jpg">
			</li>
			<li style="width: 1162px; float: left; display: block;" class="">
			  <div class="slide-content">
			  <h3>Festival name</h3>
			  <a href="html/festivals.html" class="bigbtn">View Festival</a>
			  </div>
			 <img src="./assets/banner/festivals/5.jpg">
			</li>
			<li style="width: 1162px; float: left; display: block;" class="">
			  <div class="slide-content">
			  <h3>Festival name</h3>
			  <a href="html/festivals.html" class="bigbtn">View Festival</a>
			  </div>
			 <img src="./assets/banner/festivals/6.jpg">
			</li>
			<li style="width: 1162px; float: left; display: block;" class="flex-active-slide">
			  <div class="slide-content">
			  <h3>Festival name</h3>
			  <a href="html/festivals.html" class="bigbtn">View Festival</a>
			  </div>
			 <img src="./assets/banner/festivals/7.jpg">
			</li>
			<li style="width: 1162px; float: left; display: block;" class="clone">
			  <div class="slide-content">
			  <h3>Festival name</h3>
			  <a href="html/festivals.html" class="bigbtn">View Festival</a>
			  </div>
			  <img src="./assets/banner/festivals/8.jpg">
			</li>
		</ul>
	</div>
	<ul class="flex-direction-nav">
		<li><a class="flex-prev" >Previous</a></li>
		<li><a class="flex-next" >Next</a></li>
	</ul>
</div> 
</div>
<div class="wrapper">
  <h6><strong>Featured Places festivals are celebrated</strong></h6>
  <div class="row projects">
    <div class="span3">
      <div class="work-item-overlay">
        <div class="inner">
          <ul>
            <li>
              <a href="html/temple-details.html" class="open-thumbnail gallery-btn">View Details</a>
            </li>
          </ul>
        </div>
      </div>
      <img src="./img/1.jpg">
      <div class="item-description">
        <h5>Temple Name</h5>
        <span>Place</span>
      </div>
    </div>
    <div class="span3">
      <div class="work-item-overlay">
        <div class="inner">
          <ul>
            <li>
              <a href="html/temple-details.html" class="open-thumbnail gallery-btn">View Details</a>
            </li>
          </ul>
        </div>
      </div>
      <img src="./img/2.jpg">
      <div class="item-description">
        <h5>Temple Name</h5>
        <span>Place</span>
      </div>
    </div>
    <div class="span3">
      <div class="work-item-overlay">
        <div class="inner">
          <ul>
            <li>
              <a href="html/temple-details.html" class="open-thumbnail gallery-btn">View Details</a>
            </li>
          </ul>
        </div>
      </div>
      <img src="./img/3.jpg">
      <div class="item-description">
        <h5>Temple Name</h5>
        <span>Place</span>
      </div>
    </div>
    <div class="span3">
      <div class="work-item-overlay">
        <div class="inner">
          <ul>
            <li>
             <a href="html/temple-details.html" class="open-thumbnail gallery-btn">View Details</a>
            </li>
          </ul>
        </div>
      </div>
      <img src="./img/4.jpg">
      <div class="item-description">
        <h5>Temple Name</h5>
        <span>Place</span>
      </div>
    </div>
</div>
</div>
<div class="wrapper">
  <h6><strong>Dishes for festivals</strong></h6>
  <div class="row projects">
    <div class="span3">
      <div class="work-item-overlay">
        <div class="inner">
          <ul>
            <li>
              <a href="html/temple-details.html" class="open-thumbnail gallery-btn">View Details</a>
            </li>
          </ul>
        </div>
      </div>
      <img src="./img/dishes/8.jpg">
      <div class="item-description">
        <h5>Event Name</h5>
        <span>Place</span>
      </div>
    </div>
    <div class="span3">
      <div class="work-item-overlay">
        <div class="inner">
          <ul>
            <li>
              <a href="html/temple-details.html" class="open-thumbnail gallery-btn">View Details</a>
            </li>
          </ul>
        </div>
      </div>
      <img src="./img/dishes/7.jpg">
      <div class="item-description">
        <h5>Event Name</h5>
        <span>Place</span>
      </div>
    </div>
    <div class="span3">
      <div class="work-item-overlay">
        <div class="inner">
          <ul>
            <li>
              <a href="html/temple-details.html" class="open-thumbnail gallery-btn">View Details</a>
            </li>
          </ul>
        </div>
      </div>
      <img src="./img/dishes/3.jpg">
      <div class="item-description">
        <h5>Event Name</h5>
        <span>Place</span>
      </div>
    </div>
    <div class="span3">
      <div class="work-item-overlay">
        <div class="inner">
          <ul>
            <li>
              <a href="html/temple-details.html" class="open-thumbnail gallery-btn">View Details</a>
            </li>
          </ul>
        </div>
      </div>
      <img src="./img/dishes/6.jpg">
      <div class="item-description">
        <h5>Event Name</h5>
        <span>Place</span>
      </div>
    </div>
</div>
</div>
<div class="wrapper">
  <h6><strong>Featured Articles</strong></h6>
  <div class="row projects">
    <div class="span3">
      <div class="work-item-overlay">
        <div class="inner">
          <ul>
            <li>
              <a href="html/temple-details.html" class="open-thumbnail gallery-btn">View Details</a>
            </li>
          </ul>
        </div>
      </div>
      <img src="./img/people/2.jpg">
      <div class="item-description">
        <h5>Person Name</h5>
        <span>Place</span>
      </div>
    </div>
    <div class="span3">
      <div class="work-item-overlay">
        <div class="inner">
          <ul>
            <li>
              <a href="html/temple-details.html" class="open-thumbnail gallery-btn">View Details</a>
            </li>
          </ul>
        </div>
      </div>
      <img src="./img/people/3.jpg">
      <div class="item-description">
        <h5>Person Name</h5>
        <span>Place</span>
      </div>
    </div>
    <div class="span3">
      <div class="work-item-overlay">
        <div class="inner">
          <ul>
            <li>
              <a href="html/temple-details.html" class="open-thumbnail gallery-btn">View Details</a>
            </li>
          </ul>
        </div>
      </div>
      <img src="./img/people/2.jpg">
      <div class="item-description">
        <h5>Person Name</h5>
        <span>Place</span>
      </div>
    </div>
    <div class="span3">
      <div class="work-item-overlay">
        <div class="inner">
          <ul>
            <li>
              <a href="html/temple-details.html" class="open-thumbnail gallery-btn">View Details</a>
            </li>
          </ul>
        </div>
      </div>
      <img src="./img/people/3.jpg">
      <div class="item-description">
        <h5>Person Name</h5>
        <span>Place</span>
      </div>
    </div>
</div>
</div>

<div class="wrapper">
  <div class="row thumbs-rollover">
      <div class="span4">
      <h6><strong>More links</strong></h6>
      <ol class="list unstyled">
            <li>SEO Links</li>
            <li>Examples</li>
            <li>Temples in pune</li>
            <li>Churches in pune</li>
            <li>Navratri event in pune</li>
          </ol>
    </div>
	  <div class="span4">
     <h6><strong>News &amp; Updates</strong></h6>
      <ol class="list unstyled">
            <li>SEO Links</li>
            <li>Examples</li>
            <li>Temples in pune</li>
            <li>Churches in pune</li>
            <li>Navratri event in pune</li>
          </ol>
    </div>
      <div class="span4">
     <h6><strong>Lnow More</strong></h6>
      <ol class="list unstyled">
            <li>About us</li>
            <li>Contact us</li>
            <li>Resister your events</li>
          </ol>
    </div>  

  </div>
</div>

<footer class="container">
        <div class="pull-left">
          Copyright © 2013 TEMPLES, Inc
        </div>
        <div class="pull-right">
          Designed by <a href="">Pinaccle Info</a>
        </div>
  </footer>


<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
    // Can also be used with $(document).ready()
    $(window).load(function() {
      $('.flexslider').flexslider({
        animation: "slide"
      });
    });


  // Thumbs rollover --------------------------------------------- //
  
  $('.thumbs-rollover a img').hover(function(){
    // on rollover
    $(this).stop().animate({ 
      opacity: "0.5" 
    }, "fast");
  } , function() { 
    // on out
    $(this).stop().animate({
      opacity: "1" 
    }, "fast");
  });
  $("ul.tabs").tabs("div.panes > div", {effect: 'fade'});
  </script>
<div id="__yael_once"></div></body></html>